<template>
	<view class="security_contant">
		<view class="content_middle">
			<view class="middle_list flex" v-for="item in middle_list" :key="item.title" @tap="navTo(item.pages)">
				<text class="middle_list_title">{{item.title}}</text>
				<text class="iconfont icon-you iconStyle"></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				middle_list:[
					{
						title: '实名认证',
						pages: 'pages_Me/bash/realName'
					},
					{
						title: '修改密码',
						pages: 'pages_Me/bash/changPassword'
					},
					{
						title: '修改手机号',
						pages: 'pages_Me/bash/changePhone'
					}
				],
			}
		},
		methods: {
			navTo(url){uni.$u.route(url)}
		}
	}
</script>

<style lang="scss" scoped>
.content_middle{
			background-color: #fff;
			padding: 0 34rpx;
			margin-top: 22rpx;
			
			.middle_list{
				border-bottom: 2rpx solid #F6F6F6;
				padding: 20rpx 0;
				
				.middle_list_title{
					font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
					font-weight: 500;
					font-size: 28rpx;
					color: #313131;
				}
			}
			// .middle_list:nth-child(3){
			// 	border-bottom: none;
			// }
			.iconStyle{
				font-size:28rpx;
				font-weight: 400;
				color: #979797;
			}
		}
</style>
